<template>
  <view class="app-no-data" :style="{marginTop:top}">
    <view class="no-data__text">
      {{text}}
    </view>
    <slot></slot>
  </view>
</template>

<script>
export default {
  name: 'AppNoData',
  data() {
    return {

    };
  },
  props: {
    text: {
      type: String,
      default: '暂无数据'
    },
    top: {
      type: String,
      default: '0'
    }
  }
};
</script>

<style scoped lang="scss">
.app-no-data {
  text-align: center;
  .no-data__text {
    line-height: 2;
    color: $app-color-text6;
    font-size: $app-font-size-lg;
  }
}
</style>
